<template>
	<view class="page" :style="{ '--fss': app.theme.fss() }">
		<common-header title="屏蔽列表" />
		<view class="group">
			<view class="item flex">
				<image class="image" src="https://file.shengmaapp.com/storage/aichat/20240527/7a27296f3e87daf90f89b0bb429f210d.jpg" mode="aspectFill"></image>
				<view class="info ell">小仙女呀💋！</view>
				<view class="btn">解除</view>
			</view>
			<view class="item flex">
				<image class="image" src="https://file.shengmaapp.com/storage/aichat/20240527/db175202cdfdc6262b0beb03f7d04997.jpg" mode="aspectFill"></image>
				<view class="info ell">糖糖</view>
				<view class="btn">解除</view>
			</view>
			<view class="item flex">
				<image class="image" src="https://file.shengmaapp.com/storage/aichat/20240527/ec2f3315a37ccbc38e53292d45fd0f8a.jpg" mode="aspectFill"></image>
				<view class="info ell">柚致</view>
				<view class="btn">解除</view>
			</view>
			<view class="item flex">
				<image class="image" src="https://file.shengmaapp.com/storage/aichat/20240527/93af96542f61727163341379fb703df7.jpg" mode="aspectFill"></image>
				<view class="info ell">胖哥</view>
				<view class="btn">解除</view>
			</view>
			<view class="item flex">
				<image class="image" src="https://file.shengmaapp.com/storage/aichat/20240527/f0d9610f626175a0717d90e783e302ac.jpg" mode="aspectFill"></image>
				<view class="info ell">小龙</view>
				<view class="btn">解除</view>
			</view>
			<view class="item flex">
				<image class="image" src="https://file.shengmaapp.com/storage/aichat/20240527/4fcf5a97d17ec372d7c56617504c5906.jpg" mode="aspectFill"></image>
				<view class="info ell">冬冬</view>
				<view class="btn">解除</view>
			</view>
			<view class="item flex">
				<image class="image" src="https://file.shengmaapp.com/storage/aichat/20240527/bba7b12fe7b3075d867b49585b1b32f3.jpg" mode="aspectFill"></image>
				<view class="info ell">水</view>
				<view class="btn">解除</view>
			</view>
			<view class="item flex">
				<image class="image" src="https://file.shengmaapp.com/storage/aichat/20240527/c523687afc1a0860e2416bede04176ab.jpg" mode="aspectFill"></image>
				<view class="info ell">客落雨</view>
				<view class="btn">解除</view>
			</view>
			<view class="item flex">
				<image class="image" src="https://file.shengmaapp.com/storage/aichat3/20240523/f96842b559def9ab264e09bb2380a731.jpg" mode="aspectFill"></image>
				<view class="info ell">燕子</view>
				<view class="btn">解除</view>
			</view>
		</view>
		<load-footer-text :load="1"></load-footer-text>
	</view>
</template>

<script setup>
	import { ref, onMounted, inject } from "vue";
	import {  onLoad, onShow } from "@dcloudio/uni-app";
	const app = inject('app');
</script>

<style lang="scss" scoped>
	.page{
		.group{
			.item{
				flex-direction: row;
				align-items: center;
				padding: 26rpx 26rpx;
				transition: 0.2s all;
				position: relative;
				&:nth-child(2n - 1){
					background: rgba(255,255,255,0.02);
					border-top: 2rpx solid rgba(255,255,255,0.02);
					border-bottom: 2rpx solid rgba(255,255,255,0.02);
				}
				&:active{
					opacity: 0.8;
				}
				.image{
					width: 75rpx;
					height: 75rpx;
					border-radius: 12rpx;
				}
				.info{
					margin: 0 26rpx;
					flex: 1;
					width: 0;
					font-size: calc(28rpx * var(--fss));
					color: #FFF;
				}
				.btn{
					background: #FFF;
					color: #000;
					font-size: calc(26rpx * var(--fss));
					line-height: 45rpx;
					padding: 0 28rpx;
					border-radius: 100rpx;
				}
			}
		}
	}
</style>